div, input, span, body, p, head, h1, img {
    margin: 0;
    padding: 0;
}
img {
    width: 80%;
    height: 100%;
}
h1 {
    text-align: center;
    color: white;
    font-size: 50px;
}
div, span, form {
    position: absolute;
    font-size: 20px;
    font-weight: bolder;
}
span {
    width: 100%;
    top: 10%;
}
input {
    margin: 10px;
}
form {
    left: 30%;
    top: 25%;
}
.in {
    border: 2px dashed blueviolet;
    border-bottom: 3px solid red;
    border-radius: 10px;
    width: 200px;
    height: 40px;
}
.father {
    width: 100%;
    height: 100%;
}
.tt {
    width: 60%;
    height: 60%;
    background: #85FFBD;
    top: 25%;
    left: 0px;
    text-align: center;
}
.deng {
    width: 40%;
    height: 56%;
    background: antiquewhite;
    top: 25%;
    right: 0px;
    text-align: center;
    padding-top: 2%;
}

#sub:hover {
    background: brown;
    color: orange;
}